.mydiv {
	background-color: #fff;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	z-index: 99;
		height: 430px;
	left: 60%;
	top: 50%;
	margin-left: -375px!important;
	margin-top: -215px!important;
	margin-top: 0px;
	position: fixed!important;
	position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+ (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
	document.body.scrollTop+ (document.body.clientHeight - this.clientHeight)/2);
}
.mydiv .login{
	margin: 38px;
	overflow: hidden;
}
.mydiv .login .hd{
	height: 40px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.mydiv .login .hd h3{
	position: absolute;
	bottom: -1px;
	left: -14px;
}
.mydiv .login .hd h3 a{
	font:normal 16px/37px "microsoft yahei";
	padding: 0 14px 3px;
	float: left;
	margin-right: 35px;
}
.mydiv .login .hd h3 a.on{
	color: #44b549;
	border-bottom: 3px solid #44b549;
	padding-bottom: 0;
}
.mydiv .login .hd p{
	position: absolute;
	right: 0;
	font:normal 14px/40px "microsoft yahei";
	color: #333;
}
.mydiv .login .hd p a{
	color: #44b549;
	display: inline-block;
	padding-right: 30px;
	background: url(../../Images/index-icon.png) 37px -59px no-repeat;
}
.mydiv .login .login-warp{
	margin-top: 30px;
}
.mydiv .login .lf-warp{
	width: 420px;
	height: 298px;
	float: left;
	border-right:1px dotted #cdcdcd;
}
.mydiv .login .lf-warp .txt-box{
	height: 70px;
	width: 420px;
}
.mydiv .login .lf-warp input{
	height: 48px;
	width: 378px;
	border:1px solid #dcdcdc;
	text-indent: 40px;
	border-radius: 3px;
	font:normal 14px/48px "microsoft yahei";
	color: #aaaaaa;
}
.lf-warp input.user{
	background: url(../../Images/index-icon.png) 15px -103px no-repeat;
}
.lf-warp input.account{
	background: url(../../Images/index-icon.png) 15px -323px no-repeat;
}
.lf-warp input.pass{
	background: url(../../Images/index-icon.png) 15px -147px no-repeat;
}
.lf-warp .txt-box p{
	font:normal 14px/30px "microsoft yahei";
	color: #ff2828;
	width: 100%;
}
.lf-warp .login-btn{
	width: 380px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	margin-top: 20px;
	border-radius: 3px;
	float: left;
	background-color: #44b549;
	font:normal 16px/50px "microsoft yahei";
}
.lf-warp .ft{
	width: 380px;
	float: left;
	margin-top: 20px;
	position: relative;
}
.anonymous{
	float: left;
}
.anonymous span.checkbox{
	width: 20px;
	float: left;
	margin-right: 7px;
	height: 20px;
	background: url(../../Images/index-icon.png) 0 -207px no-repeat;
}
.checked span.checkbox{
	background: url(../../Images/index-icon.png) 0 -245px no-repeat;
}
.anonymous span{
	font:normal 14px/20px "microsoft yahei";
	float: left;
}
.lf-warp .ft a{
	position: absolute;
	right: 0;
	top: 0;
	font:normal 14px/20px "microsoft yahei";
	color: #333333;
}
.bg {
	background-color: #1b1b1b;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 10;
	position: fixed!important;
	position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+ (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
	document.body.scrollTop+ (document.body.clientHeight - this.clientHeight)/2);
	/*IE5 IE5.5*/
}
.rt-warp{
	float: right;
	width: 210px;
}
.rt-warp h4{
	font:normal 14px/16px "microsoft yahei";
	color: #888888;
}
.rt-warp p a{
	width: 200px;
	height: 50px;
	float: left;
	margin-top: 20px;
}
.rt-warp p a.xlwb{
	
	background: url(../../Images/login-bg.png) 0 0 no-repeat;
}
.rt-warp p a.qq{
	background: url(../../Images/login-bg.png) 0 -70px no-repeat;
}
.rt-warp p a.wx{
	background: url(../../Images/login-bg.png) 0 -140px no-repeat;
}
.mydiv a.close{
	height: 10px;
	width: 12px;
	position: absolute;
	top: 11px;
	right: 10px;
	background: url(../../Images/index-icon.png) 0px -290px no-repeat;
}
.account-list{
	width: 420px;
	height: 248px;
	float: left;
	border-right:1px dotted #cdcdcd;
}
.account-list ul{
	padding-right: 30px;
}
.account-list ul li{
	text-align: center;
	font:normal 16px/50px "microsoft yahei";
	cursor: pointer;
	
}
.account-list ul li:hover{
	color: #44b549;
}
.account-list ul li+li{
	border-top: 1px solid #dcdcdc;
}
.account-list .close{
	height: 10px;
	width: 12px;
	position: absolute;
	top: 11px;
	right: 10px;
	background: url(../../Images/index-icon.png) 0px -290px no-repeat;
}
#drag{
    position: relative;
    background-color: #e8e8e8;
    width: 380px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
#drag .drag_bg{
    background-color: #7ac23c;
    height: 34px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 380px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
}
.qrcode-login{
				z-index: 99;
				display: none;
				padding: 0 20px;
				height: 406px;
				width: 308px;
			}
			.qrcode-login h2{
				font:bold 18px/22px "microsoft yahei";
				text-align: center;
			}
			.qrcode-img{
				text-align: center;
				height: 165px;
				margin-top: 30px;
				position: relative;
			}
			.qrcode-login img{
				width: 165px;
				height: 165px;
				
			}
			.qrcode-desc{
				font:normal 14px/28px "microsoft yahei";
				color: #666;
				width: 180px;
				margin: 35px auto 0;
			}
			.qrcode-desc i{
				height: 28px;
				margin-left: 3px;
				margin-right: 10px;
				width: 30px;
				float: left;
				background: url(../../Images/login2.png) 0 0 no-repeat;
			}
			.qrcode-login .bt{
				position: absolute;
				bottom: 24px;
				right: 20px;
			}
			.qrcode-login .bt a{
				float: right;
				font:normal 14px/16px "microsoft yahei";
				margin-left: 20px;
				color: #666666;
			}
			.qrcode-bg{
				position: absolute;
				width: 165px;
				height: 165px;
				background-color: #fff;
				opacity: 0.9;
				top: 0;
				left: 71px;
				display: none;
			}